<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="utf-8"/>
    <title>飞燕IM系统</title>
    <link charset="utf-8" rel="stylesheet" href="style/main.css"/>
</head>

<body>
<div class="chart-main" id="chatMain">
    <div class="chart-nav">
        <div class="avatar">
            <img src="image/Avatar-4.png" alt="头像"/>
        </div>
        <div class="icon">
            <img src="image/account.png" alt="单聊"/>
        </div>
        <div class="icon">
            <img src="image/account-multiple.png" alt="群组"/>
        </div>
    </div>
    <div class="chart-content">
        <div class="chart-head">
            <div class="chart-head-left">
                <span id="usernameSpan">游客</span>
            </div>
            <div class="chart-head-left">
                <span id="sysMsg"></span>
            </div>
            <div class="chart-head-right">
                <span>退出</span>
            </div>
        </div>
        <div class="chart-list">
            <div class="chart-list-items">
                <ul></ul>
            </div>
        </div>
        <div class="chart-msg">
            <div class="chart-msg-box" id="msgBox"></div>
            <div class="chart-input" id="messageInput"></div>
            <div class="chart-btn btn-send" id="msgSendBtn">发送消息</div>
        </div>
    </div>
</div>
<input type="file" id="imgFile" style="display: none;" onchange="uploadImg()">
</body>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="wangEditor/wangEditor.min.js"></script>
<script type="text/javascript" src="js/websocket.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/room.js"></script>
</html>